<div class="copyScreenDetail" ui-view="container">
    <ol class="breadcrumb" style="font-size: 12px">
        <li>广告中心</li>
        <li>监播管理</li>
        <li><a ui-sref="copyScreen">拷屏计划</a></li>
        <li>拷屏详情</li>
    </ol>

    <div class="panel">
      <!--  <div class="panel-heading panel-style">
            <div class="row panel-row">
                <div class="search-div">
                    <div class="pull-left date-select-range">
                        <input ims-select-range-time="rangeDate" type="text" style="display: inline-block">
                    </div>
                </div>
            </div>
        </div>-->

        <div class="table-responsive">
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>应用ID</th>
                        <th>应用名称</th>
                        <th>更新人</th>
                        <th>查看拷屏</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in copyScreenDetail">
                        <td>{{item.appId}}</td>
                        <td>{{item.appName}}</td>
                        <td>{{item.admin}}</td>
                        <td><a ui-sref="copyScreen.detail.view({campaignId:search.campaignId,appId:item.appId})">查看拷屏</a></td>
                        <td><a ng-click="upload(item.appId)">上传</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

</div>

<script type="text/ng-template" id="copyScreenLoad.html">
    <div class="modal-header">
        <button type="button" class="close" ng-click="cancel()"><span>&times;</span></button>
        <span class="modal-title">上传拷屏图片</span>
    </div>
    <div class="modal-body reset-password">

        <div class="label-div radio-inline" >
            <div class="a-upload btn btn-primary" style="height: 28px;float: left;margin-bottom: 10px">
                <input type="file"  nv-file-select="" uploader="uploaderImage" class="form-control mw-300" multiple >
                选择
            </div>
            <div ng-if="uploaderImage.queue.length>0">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>图片名称</th>
                            <th>大小</th>
                            <th>进度</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in uploaderImage.queue">
                        <td><span class="first-td">{{item.file.name}}</span></td>
                        <td>{{ item.file.size/1024/1024|number:2 }} MB</td>
                        <td>
                            <uib-progressbar value="item.progress">{{item.progress}}%</uib-progressbar>

                        </td>
                        <td><i class="fa fa-trash" aria-hidden="true" style="color: red"
                               ng-click="item.remove();removeFile(item)"></i>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="form-inline">

                <span ng-if="uploaderImage.queue.length>0" class="ml-10" style="position: relative;">
                    <button ng-click="submitImage()" class="a-upload btn btn-primary" style="height: 28px;">上传</button>
                    共{{fileNums}}张图片
                </span>
            </div>
        </div>

    </div>

    <div class="modal-footer" style="border-top: 1px solid #e5e5e5">
        <button class="btn btn-primary" type="button" ng-click="ok()">{{'确定'}}</button>
        <button class="btn ims-btn" type="button" ng-click="cancel()">{{'取消'}}</button>
    </div>

</script>